<template>
	<view>
		<!-- 返回 -->
		<!-- <view class="backs">
			<text>{{title}}</text>
		</view> -->
		<view class="container">
			<TabBar :tabIndex="tabindex"></TabBar>
			<!-- 背景色区域 -->
			<view class="titleNview-background"
				style="background: url('../../static/wximg/bjTop1.png'); background-size: 100%;">
				<!-- 配送车辆 2个按钮区域-->
				<view class="text-box">
					<text>线路名称：{{name}}</text>
					<view>
						<button :class="classtype" @click="akey()" type="primary">一键配送</button>
						<!-- <button class="pesBtn" hover-class='pesBtn-hover' @click="dp()" type="primary" style="padding: 0 40upx;">调配</button> -->
						<!-- <button class="pesBtn" hover-class='pesBtn-hover' @click="beginDelivery()" type="primary">开始配送</button> -->
					</view>
				</view>
			</view>
			<!-- 调用弹窗方法1 -->
			
			<!-- 待配送商户已配送商户区域 -->
			<view class="model">
				<view class="onlyOne">
					<view class="modelLf">
						<image :src="url()+'/wximg/sj.png'"></image>
					</view>
					<view class="modelrt">
						<text>今日待配送商户</text>
						<text class="psnums"><text class="psnum">{{waitshopnum}}</text>个</text>
					</view>
				</view>
				<text class="modeline"></text>
				<view class="onlyOne">
					<view class="modelLf">
						<image :src="url()+'/wximg/sj.png'"></image>
					</view>
					<view class="modelrt">
						<text>今日已配送商户</text>
						<text class="psnums"><text class="psnum">{{endshopnum}}</text>个</text>
					</view>
				</view>
			</view> 
			<!-- 待配送包裹已配送包裹区域 -->
			<view class="model" style="margin-top: 40upx;">
				<view class="onlyOne">
					<view class="modelLf">
						<image :src="url()+'/wximg/bg.png'"></image>
					</view>
					<view class="modelrt">
						<text>今日待配送包裹</text>
						<text class="psnums"><text class="psnum">{{waitbaoguonum}}</text>个</text>
					</view>
				</view> 
				<text class="modeline"></text>
				<view class="onlyOne">
					<view class="modelLf">
						<image :src="url()+'/wximg/bg.png'"></image>
					</view>
					<view class="modelrt">
						<text>今日已配送包裹</text>
						<text class="psnums"><text class="psnum">{{endbaoguonum}}</text>个</text>
					</view>
				</view>
			</view>
			<view class="wrapper" :style="{height: heightContent+'px'}">
				<view class="tableBox">
					<view class="tabletitle">
						<text>今日配送详情</text>
						<!-- <text></text> -->
						<button type="default" @click="goMap()">排线导航</button>
					</view>
					<view class="table">
						<wyb-table :scrollIntoView="scrollIntoView" :key="key" checker-cell-bg-color="#fff" checker-color="#107e62"
							show-vert-border="false" header-bg-color="#fff" first-col-bg-color="#fff"
							content-bg-color="#fff" :height="heightContent-50 + 'px'" content-ft-color="#333333"
							:header-weight="true" border-color="#ffffff" ref="table" :headers="headers2"
							:contents="contents2" width="100%" :show-vert-border="vertborder" :loading="loading"
							@onCheck="onCheck" @onCellClick="onCellClick" />
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import wybTable from '@/components/wyb-table/wyb-table.vue'
	import service from '../../service.js';
	import {
		showdeliveryinfo,
		catchDeliver,
		dictionaryList,
		undateTaskImg
	} from '@/api/request.js';
	import {
		showAllDeliveryMan,
		updateDeliveryStatus
	} from '@/api/request.js';
	import {
		beginDelivery
	} from '@/api/request.js';
	import TabBar from '@/components/tabBar.vue'
	import url from '@/api/url.js';
	let user = service.getUsers().user;
	let that = this;
	export default {
		components: {
			wybTable,
			TabBar
		},
		data() {
			const theUrl = '/pages/demos/noticeBar-demo/more' // 本地的某个页面
			const httpUrl = 'https://ext.dcloud.net.cn/plugin?id=2667' // 某个网址
			return {
				url: url,
				show: false,
				array: [],
				tabindex: 1,
				tableBoxid: '',
				index: 0,
				bv: 0,
				carid: '',
				classtype: 'pesBtn',
				taskid: '',
				heightContent: '',
				swiperHeight: 0,
				name: '',
				tptype: '',
				waitshopnum: '',
				endshopnum: '',
				waitbaoguonum: '',
				endbaoguonum: '',
				allShopInfo: '',
				//表格
				key: 0,
				headers2: [],
				contents2: [],
				loading: true,
				vertborder: false, //金融竖向条,但是不能去除头部
				// 表格数据
				headers: [{
					label: '顺序',
					key: 'id',
					width: 100,
				}, {
					label: '商户名称',
					key: 'date',
					width: 240,
				}, {
					label: '数量',
					key: 'quantity',
					width: 115,

				}, {
					label: '状态',
					key: 'vehicle',
					width: 155,
				}],
				contents: [],
				urlCol: [{
						type: 'route',
						key: '1'
					}, {
						type: 'http',
						key: 'url'
					},
					{
						type: 'button',
						key: 'look'
					}
				],
				scrollIntoView:"v1"
			};
		},
		onReady() {
			let that = this
			uni.getSystemInfo({
				success: (res) => { // 需要使用箭头函数，swiper 高度才能设置成功
					// res - 各种参数
					// 获取屏幕的高度
					// console.log(res.windowHeight);
					let info = uni.createSelectorQuery().select(".wrapper"); // 获取某个元素
					info.boundingClientRect(function(data) { //data - 各种参数
						// 　console.log(data.top)  // 获取元素高度
						let view = res.windowHeight - data.top
						that.heightContent = view
						// console.log(that.heightContent)
					}).exec()
				}
			});
		},
		created() {
			user = service.getUsers().user;
			
		},
		onLoad(options) {
			console.log('重新加载')
			getApp().globalData.ifTaskTimer = true
			if (options.scrollIntoView){
				this.scrollIntoView = options.scrollIntoView
			}else{
				this.scrollIntoView = 'v0'
			}
			// let pasm={
			// 	id:'0f2429f6-3ec4-4874-85c4-fbda840a8c41',
			// 	text:"123"
			// }
			// this.$store.commit("send",pasm)
			//表格加载动画
			
			/* 			this.$store.commit("connectSocketInit") */
			// 搜索框
			function TxtFocus(txt) {
				if (txt.placeholder == "请输入名字或者车牌号码") {
					txt.style.color = "#333";
					txt.placeholder = "";
				}
			}

			function TxtBlur(txt) {
				if (txt.placeholder == "请输入名字或者车牌号码" || txt.placeholder.length <= 0) {
					txt.style.color = "#999";
					txt.placeholder = "请输入名字或者车牌号码";
				}
			}


			// this.getLocationInfo();


			// uni.getLocation({
			//     type: 'gcj02', //返回可以用于uni.openLocation的经纬度
			//     success: function (res) {
			//         const latitude = res.latitude;
			//         const longitude = res.longitude;
			//         uni.openLocation({
			//             latitude: latitude,
			// 			accuracy:6,
			//             longitude: longitude,
			//             success: function () {
			//                 console.log('success');
			//             }
			//         });
			//     }
			// });
			//b9db7b5267eb2b5498d8543a9f7576c2
			// uni.chooseLocation({
			// 	accuracy:6,
			//     success: function (res) {
			// 		console.log(res)
			//         console.log('位置名称：' + res.name);
			//         console.log('详细地址：' + res.address);
			//         console.log('纬度：' + res.latitude);
			//         console.log('经度：' + res.longitude);
			//     }
			// });
			uni.getNetworkType({
			    success:  (res) =>{
			        if(res.networkType !== 'none'){
						this.inItDictionary()
					}
			    }
			});
			
			
			this.init();
			
			uni.$on('RefreshList',() =>{
				this.init()
			})
			
		},
		methods: {
			goMap(){
				uni.navigateTo({
					url:"/pages/smoke/map/index"
				})
			},

			//获取错误信息
			inItDictionary() {
				
				let param = {
					d_type: "errerType"
				}
				let _this = this;
				dictionaryList(param).then(res => {
					
					if (res.code == 200) {
						uni.setStorageSync('dictionaryList', res.map.data)
						// res.map.data.forEach(function(item){
						// 	_this.dictionaryList.push(item);
						// })
					} else {
						uni.showModal({
							title: '警告',
							content: 'code不符 请联系管理员',
							showCancel: false
						})
					}
				}).catch(err => {
					uni.showModal({
						title: '警告',
						content: '失败',
						showCancel: false
					})
				})
			},
			// 下拉选择
			bindPickerChange(e) {
				this.index = e.target.value
			},
			bindPickerChange: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)
				this.index = e.target.value
			},




			backlast() {
				uni.navigateTo({
					url: '/pages/index/index'
				})
			},

			// 触发弹窗
			dp() {
				if (this.tableBoxid != null && this.tableBoxid != "") {
					if (this.tptype != '2') {
						let qxPop = this.$refs.qxPop
						qxPop.open()
						this.deliveryMan();
					} else {
						uni.showModal({
							title: '警告',
							content: '已配送商家无法调配',
							showCancel: false
						})
					}
				} else {
					uni.showModal({
						title: '无法调配',
						content: '请选择调配商家',
						showCancel: false
					})
				}

			},


			// 点击弹窗确认
			affirm() {
				let name = this.array[this.index].carname;
				let json = {};
				json.shopid = this.array[this.index].shopId;
				json.id = this.array[this.index].id
				json.id = this.array[this.index].id;
				json.name = this.array[this.index].carname;
				json.userid = this.array[this.index].userid;
				json.list = this.tableBoxid;
				uni.navigateTo({
					url: '/pages/allocate/allocate?data=' + encodeURIComponent(JSON.stringify(json)),
				})


			},
			// 打开第二个弹窗,会关闭上一个弹窗
			ceshinew() {
				let popup = this.$refs.popup
				let qxPop = this.$refs.qxPop
				qxPop.onTap()
				popup.open()
			},
			// 点击弹窗取消
			close() {
				let qxPop = this.$refs.qxPop
				qxPop.onTap()
			},
			// 第二层弹窗基础上弹出取消 确认 关闭第一层
			shanchu() {
				let popup = this.$refs.popup
				let qxPop = this.$refs.qxPop
				uni.showModal({
					title: '有确认取消的弹窗',
					content: '确认要删除该项吗？',
					success: function(res) {
						if (res.confirm) {
							popup.onTap()
							qxPop.open()
						} else {
							console.log('点击了取消')
						}
					}
				})
			},
			async init() { //初始化列表
				let param = {
					userid: user.id
				};
				
				let res = await showdeliveryinfo(param)
				
				
				if (res.code == 200) {
					// anchor.wos
					// for (let i in res.map.allShopInfo){
					// 	// if (res.map.allShopInfo[i].vehicle === '配送中'){
					// 	// 	res.map.allShopInfo[i].vehicle = '已送达'
					// 	// }
					// 	res.map.allShopInfo[i].id = parseInt(i) + 1
					// }
					// end
					let that = this

					if (res.map.deliveryman.length > 0) {
						this.name = res.map.deliveryman[0].carNum
						this.carid = res.map.deliveryman[0].carId
					}

					this.waitshopnum = res.map.waitDeliveryNum[0].shopNum + ' '
					this.endshopnum = res.map.endDeliveryNum[0].shopNum + ' '
					this.waitbaoguonum = res.map.waitDeliveryNum[0].baoguoNum + ' '
					this.endbaoguonum = res.map.endDeliveryNum[0].baoguoNum + ' '
					// console.log(res.map)
					console.log(uni.getStorageSync('catchStatus'),'缓存状态')
					//如果是缓存重新计算
					if (uni.getStorageSync('catchStatus')){
						console.log('判断是否加载缓存')
						this.waitshopnum = 0
						this.endshopnum = 0
						this.waitbaoguonum = 0
						this.endbaoguonum = 0
						let allShopInfo = uni.getStorageSync('catch').data.map.allShopInfo
						for (let i in allShopInfo) {
							// console.log(allShopInfo[i].deliveryStatus,i)
							if (allShopInfo[i].deliveryStatus == 2 || allShopInfo[i].deliveryStatus == 5 || allShopInfo[i].deliveryStatus == 6) {
								this.endshopnum++
								this.endbaoguonum++ //包裹数量存在疑问
							}else{
								this.waitshopnum++
								this.waitbaoguonum++ //包裹数量存在疑问
							}
						}
					}
					
					
					res.map.allShopInfo.forEach(function(item) {
						that.taskid = item.taskId
						if (item.deliveryStatus == '0') {
							item.vehicle = '已装车'
							item.listColor = [{
								"element": 3,
								"color": "#006742"
							}, ]
						} else if (item.deliveryStatus == '1') {
							item.vehicle = '配送中'
							item.listColor = [{
								"element": 3,
								"color": item.exchangeStatus === 2 ? "#f600b2" : "#f79c3d"
							}, ]
						} else if (item.deliveryStatus == '2') {
							item.vehicle = '已配送'
							item.listColor = [{
								"element": 3,
								"color": "#333333"
							}, ]
						}else if (item.deliveryStatus == '3') {
							item.vehicle = '已分拣'
							item.listColor = [{
								"element": 3,
								"color": "#006742"
							}, ]
							that.bv += 1
						} else if (item.deliveryStatus == '4') {
							item.vehicle = '未送达'
							item.listColor = [{
								"element": 3,
								"color": "#ef0000"
							}, ]
						} else if (item.deliveryStatus == '5') {
							item.vehicle = '上传中...'
							item.listColor = [{
								"element": 3,
								"color": "#fc2246"
							}, ]
						} else if (item.deliveryStatus == '6') {
							item.vehicle = '已上传'
							item.listColor = [{
								"element": 3,
								"color": "#41ff4a"
							}, ]
						}

						if (item.quantity == '0') {
							item.quantity = '-'
						}
					});
					if (this.bv == 0) {
						that.classtype = 'pesBtn pesBtnGray'
						if(!uni.getStorageSync('catch')){
							this.catchAkey()
						}
					}
					
					
					this.contents = res.map.allShopInfo
					this.headers2 = this.headers.slice()
					this.contents2 = this.contents.slice()
					this.loading = false
					
					getApp().globalData.ifTaskTimer = true
				} else {
					uni.showModal({
						title: '警告',
						content: 'code不符 请联系管理员',
						showCancel: false
					})
				}


			},
			//表格
			onCellClick(e) {
				console.log("列表点击")
				//判断状态上传
				if (e.lineData.deliveryStatus === 5) {
					// console.log('>>>>>>>>>>>>>',e.lineData.task, e.lineData.i)
					
					// this.updateImageOnline(e.lineData.task, e.lineData.i)
				} else {
					if (getApp().globalData.ifTaskTimer === false){
						uni.showToast({
						    title: '数据处理中，请稍后',
						    duration: 2000,
							icon:"none"
						});
						return false
					}
					let json = {}
					json.e = e
					json.name = this.name
					json.userid = user.id
					json.bv = this.bv
					uni.redirectTo({
						url: '/pages/sortingDetails/sortingDetails?i=' + e.lineData.i + '&receiveTel=' + e.lineData
							.receiveTel +
							'&shopAddress=' + e.lineData.shopAddress + '&content=' + e.lineData.date + '&data=' +
							encodeURIComponent(JSON.stringify(json)),
					})
				}

				/* 	this.event = this.jsonShowFn(e)
					this.$refs.modal.showModal() */
			},
			updateImageOnline(param, index) {
				
				uni.showLoading({
					title: '上传中',
					mask: true
				})
				undateTaskImg(param).then(res => {
					if (res.code == 200) {
						let tmp = uni.getStorageSync('catch')
						tmp.data.map.allShopInfo[index].task = ''
						tmp.data.map.allShopInfo[index].deliveryStatus = 6
						uni.setStorageSync('catch', tmp)

						uni.hideLoading()
						this.init()
						uni.showModal({
							title: '上传成功',
							content: '',
							showCancel: false
						})
					} else {
						uni.hideLoading()
						uni.showModal({
							title: '验签异常',
							content: '',
							showCancel: false
						})
					}
				}).catch(err => {
					uni.hideLoading()
					console.log(err);
					uni.showModal({
						title: '系统错误或无网络',
						content: '',
						showCancel: false
					})
				})
			},
			autoUpdateImageOnline(param, index) {
				undateTaskImg(param).then(res => {
					if (res.code == 200) {
						let tmp = uni.getStorageSync('catch')
						tmp.data.map.allShopInfo[index].task = ''
						tmp.data.map.allShopInfo[index].deliveryStatus = 6
						uni.setStorageSync('catch', tmp)
						this.init()
					}
				})
			},
			onCheck(e) {
				console.log("多选框点击")
				let shopid = ""
				if (e.data != null) {
					for (let i = 0; i < e.data.length; i++) {
						if (i < e.data.length - 1) {
							shopid += e.data[i].lineData.shopid + ","
						} else if (i == e.data.length - 1) {
							shopid += e.data[i].lineData.shopid
						}
						if (e.data[i].lineData.deliveryStatus == '2') {
							this.tptype = '2'
						}
					}
				}

				this.tableBoxid = e.data
				/* 	this.event = this.jsonShowFn(e)
					this.$refs.modal.showModal() */
			},
			deliveryMan() { //配送人员查询
				let param = {
					userid: user.id,
					username: this.txtInput
				};
				showAllDeliveryMan(param).then(res => {
					if (res.code == 200) {
						this.array = res.map.allDeliverMan
					} else {
						uni.showModal({
							title: '警告',
							content: 'code不符 请联系管理员',
							showCancel: false
						})
					}
				}).catch(err => {
					console.log(err);
					uni.showModal({
						title: '警告',
						content: '失败',
						showCancel: false
					})
				})
			},
			//使用缓存技术
			async catchAkey() {
				let param = {
					userid: user.id
				};
				updateDeliveryStatus(param).then(async res => {
					if (res.code == 200) {
						uni.hideLoading()
						//this.array = res.map.allDeliverMan
						//修改状态后数据缓存加载
						let status = await catchDeliver(param)
						if (!status) {
							uni.showToast({
								title: '网络延迟，请稍后重试',
								duration: 2000,
								icon: "none"
							})
							return false
						}
						//数据初始化
						this.init()
					}
				}).catch(err => {
					this.classtype = 'pesBtn'
					this.bv = 1
					console.error(err);
					uni.showModal({
						title: '请重试',
						content: '',
						showCancel: false
					})
				})
			},
			//不适用缓存技术
			async onlineAkey() {
				let param = {
					userid: user.id
				};
				updateDeliveryStatus(param).then(res => {
					if (res.code == 200) {
						this.classtype = 'pesBtn pesBtnGray'
						this.bv = 0
						this.init();
						//this.array = res.map.allDeliverMan
					}
				}).catch(err => {
					console.log(err);
					uni.showModal({
						title: '请重试',
						content: '',
						showCancel: false
					})
				})
			},
			async akey() { //配送人员查询
				if (this.bv > 0) {
					uni.showLoading({
						title: '请稍后',
						mask:true
					})
					this.classtype = 'pesBtn pesBtnGray'
					this.bv = 0
					//还有任务没有完成 执行上传任务
					if (uni.getStorageInfoSync('catchStatus') === true) {
						uni.hideLoading();
						uni.showModal({
							title: '提示信息',
							content: '缓存未同步，点击上传或返回首页清除缓存',
							showCancel: false,
							success: () => {
								//同步数据
							}
						})
						this.classtype = 'pesBtn'
						this.bv = 1
						return false
					}
					uni.hideLoading();
					
					this.catchAkey()
					
					//问用户是否使用缓存完成
					// uni.showModal({
					// 	title: '提示',
					// 	content: '是否使用缓存数据完成本次配送?',
					// 	showCancel: true,
					// 	cancelText: "否",
					// 	confirmText: "是",
					// 	success: (res) => {
					// 		console.log(res)
					// 		if (res.confirm) { //使用缓存
					// 			this.catchAkey()
					// 		} else { //在线数据
					// 			this.onlineAkey()
					// 		}
					// 	}
					// })
				}

			},
			/* beginDelivery(){//点击申请调配
				if(this.bv == 0){
					let  param={
						userid:user.id,
						type:'1'
					};
					beginDelivery(param).then(res => {
						if (res.code == 200) {
							if(res.map.i > 0){
								uni.showModal({
									title: '开始配送',
									content: '',
									showCancel: false
								})
								user=service.getUsers().user;
								this.init();
								//service.getposition(this.carid,this.taskid);
							}else{
								uni.showModal({
									title: '暂无可配送任务',
									content: '',
									showCancel: false
								})
							}
							
						} else{
							uni.showModal({
								title: '暂无可配送任务',
								content: '',
								showCancel: false
							})
						}
					}).catch(err => {
						console.log(err);
						uni.showModal({
							title: '暂无可配送任务',
							content: '',
							showCancel: false
						})
					})
				}else{
					uni.showModal({
						title: '未装车无法配送',
						content: '请先确认装车',
						showCancel: false
					})
				}
			}, */
			wait(time) {
				return new Promise(resolve => {
					setTimeout(() => {
						resolve()
					}, time)
				})
			}
		},

	}
</script>

<style scoped>
	.backs {
		position: absolute;
		z-index: 11111;
		top: 50upx;
		left: 30upx;
		display: flex;
		color: #fff;
	}

	.backs image {
		width: 50upx;
		height: 50upx;
		margin-right: 30upx;
	}

	.titleNview-background {
		width: 100%;
		height: 418upx;
		-webkit-transition: .4s;
		transition: .4s;
		background-size: 100% 100%;
		position: relative;
	}

	.wrapper {
		position: relative;
		width: 91%;
		margin: 0 auto;
		z-index: 2;
		border-top-left-radius: 27upx;
		border-top-right-radius: 27upx;
		background-color: #fff;
	}

	/*配送车牌号 调配 开始配送*/
	.text-box {
		position: absolute;
		color: #fff;
		bottom: 150upx;
		left: 5%;
		width: 91%;
		z-index: 2;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.text-box button {
		float: left;
		margin-left: 10upx;
	}

	.pesBtn {
		border-radius: 10upx;
		background-color: #ffc562;
		font-size: 28upx;
		color: #fff;
	}

	.pesBtn-hover {
		border-radius: 10upx;
		background-color: #db760d;
	}

	.pesBtnGray {
		background: #ecedf1;
		color: #666;
	}

	/* 待配送 已配送商户 */
	.model {
		width: 75%;
		margin: 0 auto;
		margin-top: -129upx;
		padding: 35upx 8%;
		border-radius: 27upx;
		background-color: #fff;
		z-index: 2;
		box-shadow: 0 5px 5px rgba(227, 227, 227, .5);
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.onlyOne {
		display: flex;
		align-items: center;
	}

	.modeline {
		width: 1px;
		height: 70upx;
		background-color: #eeeeee;
	}

	.modelLf {
		width: 40upx;
		height: 40upx;
		border-radius: 50%;
		margin-right: 20upx;
		border: solid 1px #007457;
		position: relative;
	}

	.modelLf image {
		width: 70%;
		height: 70%;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -35%;
		margin-left: -35%;
	}

	.modelrt {
		flex: 1;
		display: flex;
		flex-direction: column;
		color: #888888;
		white-space: nowrap;
		font-size: 21.84upx;
		text-align: center;
	}

	.psnums {
		color: #000;
		font-size: 28.08upx;
		margin-top: 5upx;
	}

	.psnum {
		color: #f69c3c;
		font-size: 47.32upx;
		font-weight: bold;
		margin-right: 10upx;
	}

	/* 表格 */
	.tableBox {
		width: 100%;
		/* padding-bottom: 40upx; */
		padding-bottom: 140upx;
		margin-top: 44upx;
	}

	.tabletitle {
		border-top-left-radius: 27upx;
		border-top-right-radius: 27upx;
		height: 98upx;
		width: 96%;
		margin: 0 auto;
		line-height: 98upx;
		color: #000;
		font-size: 32upx;
		font-weight: bold;
		border-bottom: solid 1px #eeeeee;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.tabletitle button{
		height: 80rpx;
		border-radius: 30rpx;
		color: #FFFFFF !important;
		background-color: #0A7F5F !important;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
		font-size: 30upx;
		border: none;
	}

	.table {
		width: 96%;
		margin: 0 auto;
	}

	/*弹窗*/
	.popup-info {
		position: fixed;
		min-width: 80%;
		max-width: 80%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 30upx;
		border-radius: 27upx;
		background-color: #fff;
		z-index: 9999;
	}

	.popuptitle {
		border-top-left-radius: 27upx;
		border-top-right-radius: 27upx;
		background-color: #007457;
		height: 98upx;
		width: 100%;
		text-align: center;
		line-height: 98upx;
		color: #fff;
		font-size: 36upx;
		letter-spacing: 2px;
		margin-bottom: 72upx;
	}

	.uni-list-cell {
		justify-content: initial
	}

	.uni-list-cell-left {
		color: #999;
	}

	.btnPat {
		width: 100%;
		display: flex;
		flex: 1;
		flex-direction: row;
	}

	.btn {
		width: 90%;
		background-color: #ffc562;
		border-radius: 200upx;
		margin: 40upx auto;
		box-shadow: 0 2px 5px #e3e3e3;
		color: #fff;
	}

	.btn::after {
		border: none;
	}

	/* 搜索 */
	.searchBox {
		width: 80%;
		padding: 0 5%;
		height: 72upx;
		background-color: #fff;
		border-radius: 200upx;
		box-shadow: 0 2px 5px #e3e3e3;
		border: solid 1px #007457;
		position: relative;
		margin: 40upx auto;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.search {
		line-height: 72upx;
		color: #333;
		width: 90%;
		white-space: nowrap;
		margin-left: 2%;
	}

	.searchIcon image {
		width: 37upx;
		height: 37upx;
		margin-top: 6px;
	}

	.close {
		position: absolute;
		top: -75upx;
		left: 10upx;
	}

	.close image {
		width: 37upx;
		height: 37upx;
	}
</style>
